<template>
  <view class="content">
    <image class="logo" src="../../static/logo.png"></image>
    <view>
      <text class="title">{{title}}</text>
    </view>
  </view>
</template>

<script>
  import Mock from 'mockjs';

  export default {
    data() {
      return {
        title: 'Hello'
      }
    },
    onLoad() {

      let data = Mock.mock({
        // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
        'list|1-3': [{
          // 属性 id 是一个自增数，起始值为 1，每次增 1
          'id|+1': 1,
          'name':'@cname()',
          'born_date':'@date()',
          'description':'@cparagraph(2,3)',
          'telphone':/^1[345789]\d{9}$/,
          "title|1": ['深圳市云创得力数据有限公司', '腾讯', '阿里', '百度', '小米科技'], //招聘岗位名称
          "company_scale|1": ["10人以下", "10人以上", '50人以上', '100人以上', '500人以上'], //公司规模
          "city": "@city(true)",
          "company_address": "@county(true)", //公司地址
          "cover_image":  '@image("200x150")',//"http://via.placeholder.com/200x150", //公司LOGO
           "tags": ['认证企业','IT企业'],
          "type|1": ['网络游戏', "电子商务", "家政服务", "IT服务", "金融服务", "文体娱乐", "咨询服务", "教育培训"],
        }]
      })
      // 输出结果
      console.log(JSON.stringify(data, null, 4))

    },
    methods: {

    }
  }
</script>

<style>
  .content {
    text-align: center;
    height: 400upx;
  }

  .logo {
    height: 200upx;
    width: 200upx;
    margin-top: 200upx;
  }

  .title {
    font-size: 36upx;
    color: #8f8f94;
  }
</style>
